<div class="menu">
<?php 

// $this->widget('CTreeView',array(
//     'id'=>'menu-treeview',
//     'data'=>Menu::model()->getTreeItems(),
//     'control'=>'#treecontrol',
//     'animated'=>'fast',
//     'collapsed'=>true,
//     'htmlOptions'=>array(
//         'class'=>'filetree'
//     )
// ));


?> 



</div>
<head>  
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
   <title>Tutorial OpenLayers</title>

   <style type="text/css">
      #map {width: 698px; height:600px;}
   </style>
   <link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->request->baseUrl; ?>/protected/resources/js/OpenLayers-2.13/theme/default/google.css">
   <script src="http://maps.google.com/maps/api/js?v=3.3&sensor=false"></script>
   <script type="text/javascript" src="<?php echo Yii::app()->request->baseUrl; ?>/protected/resources/js/OpenLayers-2.13/OpenLayers.js"></script>
   <script type="text/javascript">
      function init() 
         {
            var map = new OpenLayers.Map(
               {
                  div: "map",
                  maxExtent: new OpenLayers.Bounds(-20037508, -20037508, 20037508, 20037508.34)
               });
 
            var physical = new OpenLayers.Layer.Google("Google Physical",
                           {type: google.maps.MapTypeId.TERRAIN});
            var streets = new OpenLayers.Layer.Google("Google Streets");
            var hybrid = new OpenLayers.Layer.Google("Google Hybrid",
                           {type: google.maps.MapTypeId.HYBRID});
            var satellite = new OpenLayers.Layer.Google("Google Satellite",
                           {type: google.maps.MapTypeId.SATELLITE});
 
            map.addLayers([physical, streets, hybrid, satellite]);
            
            map.addControl(new OpenLayers.Control.LayerSwitcher());
            
            var center = new OpenLayers.LonLat(-71.15,8.6).transform
               (
                  new OpenLayers.Projection("EPSG:4326"),
                  map.getProjectionObject()
               )
            var wmsOverlay = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                            "http://vmap0.tiles.osgeo.org/wms/vmap0",
                            {layers: 'basic', isBaseLayer:false});
                            map.addLayers([physical, streets, hybrid, satellite, wmsOverlay]);
                            map.setCenter(center, 6);
          }
   </script>
</head>
<body onload="init()">
    <div id="map">
   </div> 
</body>